<template>
  <div class="stripe">
    <h1>Stripe Test</h1>
    <input id="btn" type="button" value="butto3n" />

    <div class="fl">
      <div class="box2">1</div>
      <div class="box2">2</div>
      <div class="box2">3</div>
      <div class="box2">4</div>
      <div class="box2">5</div>

      <div class="box2">6</div>
      <div class="box2">7</div>
      <div class="box2">8</div>
      <div class="box2">9</div>
    </div> 
    
  </div>

  
</template>

<script>
// import $ from 'jquery';
// import Stripe2 from 'stripe2';


export default {

  data() {
  
    return {
      wbz: 1,

    }
  },
  mounted() {
    
  },
  created() {
  },
  methods: {
   
  },
  
}
</script>

<style >
  .stripe{
    height: 100%;
  }
  .fl {
    width: 490px;
    /* height: 600px; */
    display: flex;
    background-color: blueviolet;

    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
  }

  .box2 {
    width: 100px;
    height: 100px;
    background-color: chocolate;
    margin-top: 10px;
  }
</style>